import React, { Component } from 'react';
import './index.css'
import { NavLink } from 'react-router-dom';

class NavBar extends Component {
    render() {
        return (
            <div className='nav-box' style={{ position: 'fixed', width: '100%', bottom: 0 }}>
                <NavLink to="/bookshelf">
                    <i className="iconfont iconshujia"></i>
                    <span className="title">书架</span>
                </NavLink>
                <NavLink to="/home">
                    <i className="iconfont iconshouye"></i>
                    <span className="title">首页</span>
                </NavLink>
                <NavLink to="/recharge">
                    <i className="iconfont iconchongzhi"></i>
                    <span className="title">充值</span>
                </NavLink>
                <NavLink to="/my">
                    <i className="iconfont iconwode1"></i>
                    <span className="title">我的</span>
                </NavLink>
                
            </div>
        );
    }
}
export default NavBar
